import TextBox from './components/TextBox'
import styles from './styles.module.less'
import data from '@/data/privacy.json'

const Privacy = () => {
  return (
    <div className={styles.PrivacyPage}>
      <div className={styles.container}>
        <h1 className={styles.title}>温暖窝隐私政策</h1>
        <p className={styles.timer}>更新时间：2025年2月10日</p>
        <p className={styles.timer}>生效时间：2025年2月10日</p>
        <div className={styles.menu}>
          一、 引言 <br />
          二、 关于我们 <br />
          三、 我们如何收集和使用您的个人信息 <br />
          四、 数据使用过程中涉及的合作方以及转让、公开披露您的个人信息 <br />
          五、 您管理个人信息的权利 <br />
          六、 关于使用Cookie和同类技术 <br />
          七、 我们对您个人信息的存储与保护 <br />
          八、 我们对未成年人的个人信息保护 <br />
          九、 我们对去世用户的个人信息保护 <br />
          十、 联系我们 <br />
          十一、 本政策如何更新 <br />
          十二、 争议解决 <br />
          十三、 名词解释 <br />
          十四、特定司法辖区的补充隐私声明 <br />
        </div>
        {data.map((item, index) => {
          return (
            <TextBox key={index} title={item.title} data={item.data}></TextBox>
          )
        })}
      </div>
    </div>
  )
}

export default Privacy
